<template>
  <topheater></topheater>
  <div style="position: relative;">
    <TopNavBar :menu_list="need_list" />
    <div class="xxxName">
      <router-view></router-view>
    </div>
  </div>
</template>

<script lang="ts" >
import { defineComponent } from "vue";
import TopNavBar from "../components/TopNavBar.vue";
import topheater from "./topheater.vue";
import { useRouter } from "vue-router";

export default defineComponent({
  components: {
    TopNavBar,
    topheater
  },
  setup() {
    const router = useRouter();
    // 把路由作为显示切换
    // const need_list = router.getRoutes().filter((v) => v.meta.isShow);
    // 自定义路由内容
    let itemsList = localStorage.getItem('itemsList')
    const need_list = itemsList ? JSON.parse(itemsList) : []
    // const need_list = [
    //   {
    //     icon: "png0",
    //     index: "index",
    //     title: "首页",
    //   },
    //   {
    //     icon: "png0",
    //     index: "teacherManage",
    //     title: "教师管理",
    //   },
    //   {
    //     icon: "png1",
    //     index: "goods",
    //     title: "管理",
    //     subs: [
    //       {
    //         index: "goods",
    //         title: "商品列表",
    //       },
    //       {
    //         index: "user",
    //         title: "用户列表",
    //       },
    //     ],
    //   },
    // ];

    console.log(need_list);
    return {
      need_list,
    };
  },
});
</script>
<style lang="scss" scoped>
.xxxName {
  // width: 100%;
  padding: 20px 10px;
  margin-left: 240px;
  // box-sizing: border-box;

}
</style>